草庐IT

jQuery Mobile 过渡

全部标签

javascript - jquerymobile动态更改按钮问题的文本

我正在尝试动态更改按钮的文本。但是按钮的用户界面会乱七八糟。知道为什么吗?http://jsfiddle.net/L6xRZ/ 最佳答案 jQueryMobile进入并更改您的HTML以使一切按预期工作。因此,当您更改按钮内的时间时,您正在撤消jQueryMobile为您设置的内容。您可以进行的最简单的更改是在更新按钮文本(fiddlerhere)时将选择器从“#svbutton”更改为以下行:$('#svbutton.ui-btn-text').text(currentTimeString);您应该阅读更多关于jQueryMobi

javascript - 使用时间流逝的 d3 中的颜色过渡

我一直难以理解一些D3概念(我对javascript相对较新,这无济于事)。我想要做的是有一个状态指示器,从绿色开始,慢慢变黄,然后慢慢变红。如果发生某些事件(按下按钮、收到消息等),我希望指示器返回绿色,重新开始转换。这是一个简单的示例(在jQuery中),显示了基本的视觉效果(无法重置)http://jsfiddle.net/N4APE/在D3中,我的想法是将背景颜色映射到经过的毫秒数。我试图创建一个这样的比例://10secisyellow,30secisredd3.scale.linear().domain([0,10000,30000]).range(["#00ff00","

javascript - Bootstrap collapse 有一个跳跃的过渡

我对Bootstrap导航栏的转换有疑问。当折叠元素有填充时,折叠有一个跳跃的过渡我搜索了这个问题,似乎问题出在填充上:.menu-menu-container{padding:100px30px60px30px;background-color:yellow;}事实上,如果我从menu-menu-container元素中删除填充,动画效果很好,而且非常流畅这是我的代码笔:http://codepen.io/mp1985/pen/EyOJYE如何在没有这个奇怪问题的情况下获得相同的结果? 最佳答案 问题是由您折叠的容器的填充引起的。

javascript - 使用 jQuery 2.1+ 更改 css 会忽略过渡属性

我正在从jQuery2.0.3切换到2.1.0。我注意到在v2.1.0中,当直接设置css属性时,csstransition属性被忽略了$('#someElement').css('width','100px');在v2.0.3中,我的元素将保持它的css转换,而在v2.1.0中我失去了它。我想知道为什么要区别对待它,以及如何“打开”过渡效果。在jQuery2.0.3中,csstransition属性生效$(function(){$('.myClass').css('width','100px');});.myClass{height:50px;width:300px;backgrou

javascript - 向我的 Flickity 轮播版本添加 "blinds"过渡

我整理了THIS在Flickityplugin的帮助下,使用字幕作为控件的codepenslider(旋转木马),有这两个选项:varflkty=newFlickity(".carousel",{pageDots:false,wrapAround:true});注意:slider包含视频,不是图像。我需要一个类似于blindstransition的转换antoni.de轮播有。问题:最简单、最快的方法是什么?它是CSS的东西吗只有?我是否必须为此转换编写特定的JavaScript?我宁愿借用那个JavaScript,我在哪里可以找到它的可读、未压缩版本?轮播代码版本为HERE.更新:我

javascript - v-if 上平滑的 vue 折叠过渡

我正在努力尝试使用v-if顺利显示/隐藏内容的vue转换。虽然我了解css类和过渡,但我可以使用不透明度或翻译等方式使内容“平滑地”显示......但是一旦动画完成(或者更确切地说,当它开始时),下面的任何html部分似乎“跳跃”'.我正在尝试实现与Bootstrap4“折叠”类相同的效果-单击此处顶部的按钮之一:https://getbootstrap.com/docs/4.0/components/collapse/随着隐藏部分的出现/消失,所有html内容都会随之“滑动”。对于使用v-if显示的内容,是否可以使用Vue转换?vuetransitions文档上的所有示例虽然具有出色

JavaScript 缩小/增长循环过渡

我在这里的第一个问题。:)我正在寻找两个图像之间的过渡,其中图像首先缩小为圆形,然后圆圈再次增长,包含另一个图像。这很难解释,而且我可能用错了词,因为我在Interwebz上找不到任何关于它的信息。我说的是像LoonyToons结局这样的效果。http://www.youtube.com/watch?v=ZuYIq-J5l9I缩小到黑色,可以在JavaScript/JQuery中完成吗? 最佳答案 TL:博士-跨浏览器:[**查看工作演示这里**](http://jsfiddle.net/lthibodeaux/8DSjz/)。嗯,

javascript - 通过 JavaScript 立即更改大小时,CSS 过渡不会动画

当在JavaScript中将元素的高度设置为0,然后立即将其更改为特定值时,该元素的CSS过渡不起作用。但是,通过将增加高度的代码放在setTimeout()中,即使延迟为0,转换也能正常工作,如您在以下代码片段中所见://Doesn'twork:document.getElementById("one").setAttribute("style","height:0px");document.getElementById("one").setAttribute("style","height:200px");//Works:document.getElementById("two")

javascript - d3 的过渡和动画是否使用 requestAnimationFrame?

我想弄清楚d3的默认动画是否已经使用requestAnimationFrame作为回调,或者我是否需要自己做。例如,我已经定义了一个自定义补间,它重复调用重绘函数以动画化图形上从一个域到另一个域的转换(这是在coffeescript中):rd=@redraw#afunctionthattakesanargumenttoredrawthegraph@svg.transition().duration(1000).tween"zoom",->interp=d3.interpolate(current_dom,target_dom)(t)->rdinterp(t)在我所有其他重绘调用中,我使

xml - XML 中的严格和过渡模式定义 (XSD) 之间有什么区别

许多XML模式在其规范中指定了严格的和过渡的模式定义。例如:http://docs.oasis-open.org/xliff/v1.2/os/xliff-core.html#AppDTD或Microsoft的OOXMLXSD(http://en.wikipedia.org/wiki/Office_Open_XML)。不确定实际区别是什么以及为什么首先需要两个XSD,有什么想法吗? 最佳答案 首先,我要质疑您的开场白,即“许多XML模式在其规范中指定了严格的和过渡的模式定义”。大多数XSD不以严格过渡对的形式出现。但要解释那些做...